<template>
    <view>
        <view class="disposrHead">
            <view class="disposrHead-first">
                <text class="disposrHead-first-disposr">{{array.handle_status_name}}</text>
                <text class="disposrHead-first-time">{{array.handle_time}}</text>
            </view>
            <view class="disposrHead-second">{{array.equipment_name}}</view>
            <view class="disposrHead-disposeMan">执行人:{{array.handle_user_name}}</view>
        </view>
        <view class="content">
            <view>
                <view class="contentItem">
                    <text>报警名称:</text>
                    <text>{{array.trigger_name}}</text>
                </view>
                <view class="contentItem">
                    <text>所属公司:</text>
                    <text>{{array.company_name}}</text>
                </view>
                <view class="contentItem">
                    <text>设备单位:</text>
                    <text>{{array.equipment_name}}</text>
                </view>
                <view class="contentItem">
                    <text>数据名称:</text>
                    <text>{{array.register_name}}</text>
                </view>
                <view class="contentItem">
                    <text>触发条件:</text>
                    <text>{{array.condition_name}}</text>
                </view>
                <view class="contentItem">
                    <text>报警时间:</text>
                    <text class="contentItem-time">{{array.alarm_time}}</text>
                </view>
                <view class="contentItem">
                    <text>报警方式:</text>
                    <text class="contentItem-time">{{array.type_name}}</text>
                </view>
                <view class="contentItem">
                    <text>报警联系人:</text>
                    <text class="contentItem-time">{{array.full_name}}</text>
                </view>
                <!-- <view class="contentItem-content">
                    <text>推送内容:</text>
                    <view>{{array.content}}</view>
                    <view class="contentItem-content-buttom"> -->
                        <!-- <button class="mini-btn" type="primary" size="mini" @tap="bingDispose">处理</button> -->
                        <!-- <button class="mini-btn" type="primary" size="mini" @tap="bingMisinformation">误报</button> -->
                    <!-- </view> -->
                </view>
            </view>
        </view>
    </view>
</template>

<script>
import {
    request
} from "../../../comon/js/request.js"
export default {
    data() {
        return {
            id: "",
            array: {
                dispose: "已处理",
                disposeIn: "误报",
                disposeTime: "2018年09月18日 08:35",
                disposeContent: "到现场排查到现场排查到现场排查到现场排查排查到现场排查到现场排查到现场排查到现场排查排查..",
                disposeMan: "某某某",
                name: "温度监控",
                unit: "上海真宏公司",
                equipment: "上海真宏",
                data: "急停状态",
                condition: "关",
                time: "2018年09月18日 08:35",
                way: "短信/邮件",
                linkman: "XXX/XXX/XXX",
                content: "到现场排查到现场排查到现场排查到现场排查排查到现场排查到现场排查到现场排查到现场排查排查.."
            }
        }
    },

    methods: {
        // 获取误报记录
        getId() {
            request({
                url: `v1/alarmRecord/detail/${this.id}`,
                method: "GET",
            }).then(res => {
                console.log(res, "误报信息")
                this.array = res.data.result
            })
        },

        bingDispose() {},
    },
    onLoad(options) {
        this.id = options.id
        console.log(this.id, "这里吗")
        this.getId()
    }
}
</script>

<style lang="less">
.disposrHead {
    width: 686rpx;
    height: 250rpx;
    background: #e8f0f4;
    margin: 0 auto;
    padding: 12rpx;
    // border: 1rpx solid pink;

    .disposrHead-first {
        display: flex;
        justify-content: space-between;

        .disposrHead-first-disposr {
            margin-top: 20rpx;
            font-weight: 500;
            font-size: 36rpx;
            color: #222222;
            letter-spacing: 0;
            line-height: 18rpx;
        }

        .disposrHead-first-time {
            font-size: 24rpx;
            color: #666666;
            margin-top: 20rpx;
            padding-right: 30rpx;
        }
    }

    .disposrHead-second {
        margin-top: 24rpx;
        font-size: 24rpx;
        color: #353535;
        letter-spacing: 0.4rpx;
        line-height: 44rpx;
    }

    .disposrHead-disposeMan {
        // margin-left: 530rpx;
        margin-top: 30rpx;
        // font-size: 28rpx;

        font-size: 24rpx;
        color: #222222;
        letter-spacing: 0;
        text-align: right;
        line-height: 36rpx;
    }
}

.content {
    .contentItem {
        display: flex;
        justify-content: space-between;
        font-size: 28rpx;
        border-bottom: 1rpx solid #838383;
        margin-top: 30rpx;
        padding-left: 20rpx;
        padding-right: 28rpx;
        padding-bottom: 10rpx;

        .contentItem-time {
            font-size: 24rpx;
            color: #666666;
            padding-top: 8rpx;
        }
    }

    .contentItem-content {
        font-size: 28rpx;
        margin-top: 50rpx;
        padding-left: 20rpx;
        padding-right: 28rpx;
        padding-bottom: 10rpx;

        view {
            margin-top: 20rpx;
        }

        .contentItem-content-buttom {
            margin-top: 200rpx;
            display: flex;
            justify-content: space-between;

            .mini-btn {
                width: 250rpx;
                height: 80rpx;
                line-height: 80rpx;
                background: #169bd5;

            }
        }

    }
}
</style>
